<!DOCTYPE html>
<html>
<head>
	<title>选择城市</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<link rel="stylesheet" type="text/css" href="css/city.css">
	<link rel="stylesheet" type="text/css" href="css/point.css">
	<script src="js/autosize.js"></script>

</head>
<body>
	<div class="top">
		<img src="images/back.png">
		请选择城市
	</div>
	<div class="place">
		<input placeholder="请输入城市"></input>
		<a href=""><img src="images/inquire.png"></a>
		<!-- <p><img src="images/record.png">历史记录</p> -->
	</div>
		
	<div class="region">
		<a href="">国内</a>
		<a class="rb" href="">国际港澳台</a>
	</div>
	<div class="clear"></div>
	<div class="location">
		<p><img src="images/loca.png">当前定位</p>
		<a href="">苏州</a>
		<p><img src="images/hot.png">热门城市</p>
		<!-- 国外 -->
		<div class="foreign" style="display: none;">
			<div class="polis">
				<a href="">东京</a>
				<a href="">芭堤雅</a>
				<a href="">苏黎世</a>
				<a href="">清莱</a>
				<a href="">巴黎</a>
				<a href="">台北</a>
				<a href="">伦敦</a>
				<a href="">高雄</a>
				<a href="">香港</a>
			</div>
			<div class="clear"></div>
			<p>A</p>
			<div class="A">
				<p>阿比让<span>科特迪瓦</span></p>
				<p>阿伯丁<span>美国</span></p>
				<p>阿伯丁<span>英国</span></p>
				<p>阿布贾<span>尼日利亚</span></p>
				<p>阿布贾<span>尼日利亚</span></p>
				<p>阿布贾<span>尼日利亚</span></p>
				<p>阿布贾<span>尼日利亚</span></p>
				<p>阿布贾<span>尼日利亚</span></p>
			</div>
		</div>
		<!-- 国内 -->
		<div class="inland">
			<div class="polis">
				<a href="">武汉</a>
				<a href="">西安</a>
				<a href="">北京</a>
				<a href="">广州</a>
				<a href="">长春</a>
				<a href="">上海</a>
				<a href="">天津</a>
				<a href="">沈阳</a>
				<a href="">大连</a>
			</div>
			<div class="clear"></div>
			<p>B</p>
			<div class="A">
				<p>北京</p>
				<p>北京</p>
				<p>北京</p>
			</div>
			<p>C</p>
			<div class="A">
				<p>成都</p>
				<p>重庆</p>
				<p>长春</p>
				<p>常熟</p>
				<p>常州</p>
				<p>常德</p>
			</div>
		</div>

		<div class="clear"></div>
	</div>
	<div class="letter">
		<a href="">A</a>
		<a href="">B</a>
		<a href="">C</a>
		<a href="">D</a>
		<a href="">E</a>
		<a href="">F</a>
		<a href="">G</a>
		<a href="">H</a>
		<a href="">I</a>
		<a href="">J</a>
		<a href="">K</a>
		<a href="">L</a>
		<a href="">M</a>
		<a href="">N</a>
		<a href="">0</a>
		<a href="">P</a>
		<a href="">Q</a>
		<a href="">R</a>
		<a href="">S</a>
		<a href="">T</a>
		<a href="">U</a>
		<a href="">V</a>
		<a href="">W</a>
		<a href="">X</a>
		<a href="">Y</a>
		<a href="">Z</a>
	</div>


</body>
</html>